<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>运动与健康</title>
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="nav container clearfix">

    <div class="title">运动与健康</div>
    <div class="nav-list">
        <a href="exercise.html" class="nav-item">徒手运动</a>
        <a href="extend.html" class="nav-item">扩展运动</a>
        <a href="aerobic.html" class="nav-item">有氧运动</a>
        <a href="ball.html" class="nav-item">球类运动</a>
    </div>


</div>
<div class="section section-banner">
    <div class="container">
        <h2>运动锻炼指南</h2>

    </div>
</div>
<div class="section section-sport">
    <div class="container">
        <blockquote>每天锻炼一小时，
            幸福生活一辈子
        </blockquote>
        <h2>一起来加入运动中吧！</h2>
        <h4 class="type"><a href="ball.html">球类运动</a></h4>
        <div class="line left"></div>
        <div class="list clearfix">
            <div class="item">
                <div class="img"><img src="img/icon-football.png" alt=""></div>
                <div class="text"><a href="ball.html#football">足球</a></div>
            </div>
            <div class="item">
                <div class="img"><img src="img/icon-basketball.png" alt=""></div>
                <div class="text"><a href="ball.html#basketball">篮球</a></div>
            </div>
            <div class="item">
                <div class="img"><img src="img/icon-ymq.png" alt=""></div>
                <div class="text"><a href="ball.html#ymq">羽毛球</a></div>
            </div>
            <div class="item">
                <div class="img"><img src="img/icon-volleyball.png" alt=""></div>
                <div class="text"><a href="ball.html#volleyball">排球</a></div>
            </div>
            <div class="item">
                <div class="img"><img src="img/icon-tabletennis.png" alt=""></div>
                <div class="text"><a href="ball.html#tabletennis">乒乓球</a></div>
            </div>
        </div>
        <h4 class="type"><a href="aerobic.html">有氧运动</a></h4>
        <div class="line left"></div>
        <div class="aerobic-list clearfix">
            <div class="item">
                <div class="img"><img src="img/run.jpg" alt=""></div>
                <div class="text"><a href="aerobic.html#running">跑步</a></div>
            </div>
            <div class="item">
                <div class="img"><img src="img/tiaosheng.jpg" alt=""></div>
                <div class="text"><a href="aerobic.html#tiaosheng">跳绳</a></div>
            </div>
            <div class="item">
                <div class="img"><img src="img/dance.jpg" alt=""></div>
                <div class="text"><a href="aerobic.html#dance">舞蹈</a></div>
            </div>
        </div>
        <h4 class="type"><a href="extend.html">扩展运动</a></h4>
        <div class="line left"></div>
        <div class="aerobic-list clearfix">
            <div class="item">
                <div class="img"><img src="img/climb.jpg" alt=""></div>
                <div class="text"><a href="extend.html#climb">攀岩</a></div>
            </div>
            <div class="item">
                <div class="img"><img src="img/taekwondo.jpg" alt=""></div>
                <div class="text"><a href="extend.html#taekwondoo">跆拳道</a></div>
            </div>
        </div>
    </div>

</div>
<div class="section section-food">
    <div class="container">
        <h2>徒手锻炼</h2>
        <p class="lead">
            一些常用的徒手锻炼可以帮助维持身体形态
        </p>
        <div class="list">
            <a href="exercise.html">点击查看</a>

        </div>

    </div>

</div>
</body>
</html>